<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/easyui/themes/icon.css">
    <script type="text/javascript" src="${pageContext.request.contextPath }/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath }/easyui/jquery.easyui.min.js"></script>
    <script>
        $(function (){
             //初始化easyui控件语法 $(id).控件名(初始化参数);
             $("#dg").dialog({
                 title:"对话框",//标题
                 width:700,//宽度
                 height:500,//高度
                 href:"",//远程界面地址
                 cache:false,//缓存
                 modal:false,//是否开启遮罩
                 closed:false,//默认是否关闭
                 iconCls:"icon-large-chart",//小图标
                 buttons:[{                //按钮集合
                     text:"提交",
                     iconCls:"icon-ok",
                     handler:function (){
                        alert("OK");
                     }
                 },{
                     text:"关闭",
                     iconCls:"icon-remove",
                     handler:function (){
                         //调用easyui控件方法 $(id).控件名("方法名",参数)
                         $("#dg").dialog("close")
                     }
                 }],
                 //绑定移动事件
                 onMove:function (left,top){
                     console.log("left:"+left+"  top:"+top);
                 }
             });

             //初始化下拉框控件
             $("#cb").combobox({
                 url:"/test/getSelectData",//远程数据地址,
                 width: 200,
                 value:"请选择...",//默认值
                 valueField:"id",//当前作为value的属性
                 textField:"name",//当前作为text的属性
                 onLoadSuccess:function (){ //用于默认选中项(较好)
                     $("#cb").combobox("select",1);
                 }
             });

             //初始化tree控件
            $("#tree").tree({
                url: "/test/getTreeData",//数据远程地址
                method:"post",//发送形式
                animate:true,//动画展开效果
                checkbox:true//选择框
            });

        });

        function  opendg(){
            //选中一个option方法
            //$("#cb").combobox("select",2);

            //向输入框赋值
            $("#tx").textbox("setValue","369");

            //获取输入框的值
            alert($("#tx").textbox("getValue"));

            //获取下拉框里的值
            alert($("#cb").textbox("getValue"));

            $("#dg").dialog("open");
        }

        function sendIds(){
            //用于存放节点id的数组
            let ids = new Array();
            //获取tree选中的节点
            let nodes = $('#tree').tree('getChecked');
            for(let i=0;i<nodes.length;i++){
                 ids[i]=nodes[i].id;
            }
            console.log(ids);

            $.ajax({
                url:"/test/getIds",
                dataType:"json",
                type:"post",
                data:{
                    "ids":ids
                },
                success:function (result){
                    alert(result);
                }
            });
        }
    </script>
</head>
<body>
    <button type="button" onclick="sendIds();">打开</button>
    <div id="dg">
        <select id="cb"></select>
        <input type="text" class="easyui-textbox" id="tx"/>
        <input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'" />
        <ul id="tree"></ul>
    </div>
</body>
</html>
